@import "mixin";

.header{
  @include flex;
  height: .8rem;
  padding: 0 .96rem 0 .6rem;
  position: fixed;
  top: 0;
  background: #fff;
  box-shadow: 0 .01rem .04rem 0 rgba(0,0,0,0.5);
  .title{
    color: #009688;
    font-size: .4rem;
    font-family: 'Alternate';
  }
  .nav{
    font-family: 'Helvetica';
    cursor: pointer;
    font-size: .18rem;
    span{
      display: inline-block;
      margin-right: .31rem;
      border-bottom: .03rem solid transparent;
      padding-bottom: .05rem;
      transition: 0.5s;
      &.active{
        color: #009688;
        border-bottom: .03rem solid #009688;
      }
      &:last-child{
        margin: 0;
      }
    }
  }
}

